<template>
	<view class="content">
		<van-nav-bar title="用户登录" right-text="注册帐号" left-arrow class="loginNav" @click-left="onClickLeft" @click-right="onClickRight" />
		
		<div class="logo">
			<image src="/static/logo.png"></image>
		</div>
		
		<div class="field">
			<ul>
				<li>
					<image class="icon" src="/static/icon/p.png" />
					<input type="tel" placeholder="请输入手机号" name="" id="">
				</li>
				<li>
					<image class="icon" src="/static/icon/m.png" />
					<input type="password" placeholder="请输入登录密码" name="" id="">
				</li>
			</ul>
		</div>

		<div class="btnBox">
			<button class="primary" @click="login">立即登录</button>
		</div>

		<p class="hit">忘记密码？<navigato class='a'>立即找回</navigato>
		</p>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				value: 123
			}
		},
		onLoad() {

		},
		methods: {
			onClickLeft() {
				uni.navigateBack()
			},
			onClickRight(){
				uni.navigateTo({
					url: '../register/register'
				})
			},
			login(){
				
			}
		}
	}
</script>

<style lang="less">
	.logo {
		width: 100%;
		text-align: center;
		margin-top: 80upx;
		image{
			height: 192upx;
			width: 192upx;
		}
	}

	.field {
		margin-top: 70upx;
		padding: 0 60upx;

		li {
			border: 1upx solid #9A9A9A;
			margin-bottom: 40upx;
			border-radius: 88upx;
			position: relative;
			image {
				width: 36upx;
				height: 36upx;
				display: inline-block;
				vertical-align: middle;
				float: left;
				position: absolute;
				left: 44upx;
				top: 28upx;
			}

			input {
				width: 603-110upx;
				padding-left:110upx;
				height:88upx;
				line-height: 60upx;
			}
		}
	}

	.hit {
		text-align: center;
		font-size: 26upx;
		color: #9A9A9A;

		.a {
			color: #0066FF
		}
	}
</style>
